<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>注册</title>
	<link href="#" rel="shortcut icon">
	<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
	<script src="js/md5.js"></script>
	<script src="js/layer.js"></script>
	<script type="text/javascript" src="js/public.js"></script>
	<link type="text/css" rel="stylesheet" href="css/layout.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">

</head>

<body>


	<iframe src="./header.html" id="header" width="100%" height="185" frameborder="0" scrolling="no"></iframe>

	<div class="register_top">
		<div class="register_w w">
			<form id="signUpForm" action="post">
				<div class="form-box" style="color: #fff;">
					<div class="column1">
						<p class="reg-name">注册帐号</p>
						<div id="zcMember" class="form-row clear">
							<label>介绍人账号:</label>

							<input name="txtReferal" type="text" id="txtReferal" maxlength="10" value="" placeholder="请输入介绍人账号" class="reg-textinput reg-width01"
							 style="color: #F68B1E;">
							<span>如果没有介绍人可不填写</span>
						</div>

						<div class="form-row clear">
							<label> <em class="red-f">*</em> 用户名: </label>
							<input id="txtUserName" name="txtUserName" class=" reg-textinput reg-width01" placeholder="用户名" maxlength="16"
							 type="text">
							<span>请输入3-16个英文字母或数字的组合</span>
						</div>
						<div class="form-row clear">
							<label> <em class="red-f">*</em> 手机号: </label>
							<input id="txtPhone" name="txtPhone" class=" reg-textinput reg-width01" placeholder="请输入手机号" maxlength="11" type="text">
							<span>请输入您的真实手机号码</span>
						</div>

						<div class="form-row clear">
							<label> <em class="red-f">*</em> 密码: </label>
							<input name="txtPassword" id="txtPassword" class=" reg-textinput reg-width01 input-large span8" placeholder="设置密码"
							 maxlength="20" type="password">
							<span>请输入8-20个英文或数字的组合</span>
						</div>
						<div class="form-row clear">
							<label> <em class="red-f">*</em> 确认密码: </label>
							<input name="txtConfirmPassword" id="txtConfirmPassword" class=" reg-textinput reg-width01 input-large span8"
							 placeholder="确认密码" maxlength="20" type="password">
							<span>请输入您的确认密码</span>
						</div>

						<div class="reg_row" style="padding-left: 99px;margin-top: 10px;">
							<div class="form-actions">
								<a class="btn-primary">免费注册</a>
								<input style="cursor: pointer;" class="btn_reset reset" hidefocus="true" name="reset" value="重置" type="reset">
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>

	<div class="superiority">
		<div class="superiority_w w ">
			<div class="heig our"></div>
			<div class="superiority_left ww">
				<dl>
					<dt>
						<p>
							<span>服务优势</span>
						</p>
						<p>SERVICE ADVANTAGE</p>
					</dt>
					<dd style="margin-top:10px;">
						<div style="height:60px;">
							<div class="titles_h">
								<ul>
									<li style="font-size:18px;">存款火速到账</li>
									<li style="color:#999;">平均时间</li>
								</ul>
							</div>
							<div class="right">18
								<span>秒</span>
							</div>
						</div>
						<p class="partnere"></p>
					</dd>

					<dd>
						<div style="height:60px;">
							<div class="titles_h">
								<ul>
									<li style="font-size:18px;">取款速度到账</li>
									<li style="color:#6e4a43;">平均时间</li>
								</ul>
							</div>
							<div class="right">45
								<span>秒</span>
							</div>

						</div>
						<p class="partnere"></p>
					</dd>

					<dd>
						<div style="height:60px;">
							<div class="titles_h">
								<ul>
									<li style="font-size:18px;">便捷的银行服务</li>
									<li style="color:#6e4a43;">目前我们支付机构有</li>
								</ul>
							</div>
							<div class="right">35
								<span>家</span>
							</div>
						</div>
						<p class="partnere"></p>
					</dd>
				</dl>
			</div>
			<div class="superiority_center ww">
				<dl>
					<dt>
						<p>
							<span>产品优势</span>
						</p>
						<p>PRODUCT ADVANTAGE</p>
					</dt>
					<dd style="margin-top:10px;">
						<p class="title_h">必发彩票</p>
						<p class="p_line">必发彩票快乐彩，兼容IPAD/iphone等各种移动设备，是目前市面上用户体验最优秀的产品。</p>
					</dd>
					<dd>
						<p class="title_h">平台优势ADVANTAGES</p>
						<p class="p_line">必发彩票的用户体验中心的投注界面，能够让您轻松，怡静的享受体育投注的乐趣。</p>
					</dd>
					<dd>
						<p class="title_h">信誉保证CREDIT GUARANTEE</p>
						<p class="p_line">必发彩票所使用的娱乐城平台必须经过TST GAME国际认证，保证每款游戏公平公正。</p>
					</dd>
				</dl>
			</div>
			<div class="superiority_right ww">
				<dl>
					<dt>
						<p>
							<span>更多服务</span>
						</p>
						<p>MORE SERVICES</p>
					</dt>
					<dd style="margin-top:10px;">
						<p class="title_h">颠覆性产品</p>
						<p class="p_line">每一款全新上线的必发彩票网产品都是经过大量测试后证实最符合亚洲人的产品，这是一个对既定现状做出强势挑战的创新团队。</p>
					</dd>
					<dd>
						<p class="title_h">合作伙伴</p>
						<div class="partner">
							<div class="hezuo_huoban">
								<a class="hezuo1"></a>
								<a class="hezuo2"></a>
								<a class="hezuo3"></a>
								<a class="hezuo4"></a>
								<a class="hezuo5"></a>
								<a class="hezuo6"></a>
								<a class="hezuo7"></a>
								<a class="hezuo8"></a>
								<a class="hezuo9"></a>
							</div>
						</div>
					</dd>
				</dl>
			</div>
		</div>
	</div>


	<iframe src="./footer.html" width="100%" height="80" frameborder="0" scrolling="no"></iframe>


	<script>
		// 注册
		$(function () {

			var regObj = jsonObj;
			$('.btn-primary').click(function () {

				if ($('#txtPassword').val() != $('#txtConfirmPassword').val()) {
					layer.tips('两次密码不一样', '#txtConfirmPassword');
				} else {
					var introducer = $('#txtReferal').val(); //介绍人
					var username = $('#txtUserName').val(); //用户名
					var password = $('#txtPassword').val(); //密码
					var phone = $('#txtPhone').val(); //手机号
					regObj.introducer = introducer;
					regObj.username = username;
					regObj.password = password;
					regObj.phone = phone;
					$ajax(
						url + 'register',
						'post',
						regObj,
						function (data) {
							layer.msg('注册成功', function () {
								window.location.href = './index.html'
							});

						},
						function (data) {

							layer.msg(data.msg);
						}
					)
				}
			})
		})
	</script>
	<script type="text/javascript" src="js/adver.js"></script>
</body>

</html>